<template>
  <div>
    <h1>Home</h1>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'Home',
  components: {},
  // Nuxt 中特殊提供的一个钩子函数，专门用于获取页面服务端渲染的数据
  async asyncData () {
    const { data } = await axios({
      method: 'GET',
      // 由于该data.json 是在项目目录下 因此需要写完整的请求地址
      url: 'http://localhost:3000/data.json'
    })

    // 这里返回的数据会和data () {} 中的数据合并到一起给页面使用
    return data
    // return {
    //   title: data.title,
    //   posts: data.posts
    // }
  }
  // async created () {
  //     const { data } = await axios({
  //     method: 'GET',
  //     url: '/data.json'
  //   })
  // }
}
</script>

<style lang="stylus" scoped>

</style>